<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'north',border:false">
		<form class="appForm">
			<div class="datagrid-toolbar">
				<table class="appTable">
					<tr>
						<td>
							<input name="Q_name_like" data-options="prompt:'角色名'" class="easyui-textbox" type="text" style="width:100px;"/>
							<button type="submit" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</button>
							<button type="button" onclick="$(this).parents('form').eq(0).form('reset');" class="easyui-linkbutton" data-options="iconCls:'icon icon-reset'">清空</button>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	<div data-options="region:'center',border:false">
		<table class="appGrid"></table>
	</div>
</div>
<script type="text/javascript">
	var grids = $("table.appGrid");
	grids.eq(grids.size()-1).datagrid({
		id:'dg',
		url:_ctx+'/admin/role/list',
		multiSort:false,
		sortName:'create_time',
		sortOrder:'desc',
		columns:[[
			{field:'id',checkbox:true},
			{field:'name',title:'角色名',width:100,sortable:true},
			{field:'create_time',title:'创建时间',width:80,sortable:true,
				formatter: function(value,row,index){
					return value.format('yy-MM-dd hh:mm');
				}
			}
		]],
		appToolbar: [{
				iconCls: 'icon icon-add',
				text:'新增',
				"key":'role_add',
				handler: function(){
					var grid = getDatagrid(this);
					$("<div/>").dialog({
						title: '添加角色',
						href: _tpl+'/admin/role_add.tpl.php',
						width:300,	//可按easyui标准定义form，可不定义【会自动执行框架form封装，保存数据后会自动刷新当前grid】
						form:{},
						//定义grid后保存数据会自动刷新grid，可不定义将不触发
						grid:grid.get(0),
						buttons:[
							{
								text : '保存',
								iconCls : 'icon-save',
								handler : function() {
									var form = $(this).parents("div.window").eq(0).find("form").eq(0);
									form.submit();
								}
							}
						]
					});
				}
			},'-',{
				iconCls: 'icon icon-edit',
				text:'修改',
				"key":'role_add',
				handler: function(){
					var grid = getDatagrid(this);
					var rows = grid.datagrid("getSelections");
					if(rows.length==0){
						$.appAlert("请选择一行要编辑的记录！");
						return;
					}
					$("<div/>").dialog({
						title: '修改角色',
						href: _tpl+'/admin/role_add.tpl.php',
						width:300,
						data:rows[0],	//可按easyui标准定义form，可不定义【会自动执行框架form封装，保存数据后会自动刷新当前grid】
						form:{},
						//定义grid后保存数据会自动刷新grid，可不定义将不触发
						grid:grid.get(0),
						buttons:[
							{
								text : '保存',
								iconCls : 'icon-save',
								handler : function() {
									var form = $(this).parents("div.window").eq(0).find("form").eq(0);
									form.submit();
								}
							}
						]
					});
				}
			},'-',{
				iconCls: 'icon icon-delete',
				text:'删除',
				"key":'role_del',
				handler: function(){
					var grid = getDatagrid(this);
					var rows = grid.datagrid("getSelections");
					if(rows.length==0){
						$.appAlert("请选择要删除的记录！");
						return;
					}
					var ids = [];
					$.each(rows,function(i,r){
						ids.push(r.id);
					});
					$.appAjax({
						url:_ctx+"/admin/role/delete",
						data:{"Q_id_in":ids.join(',')},
						//以下为可选封装
						grid:grid.get(0),
						confirmTitle:'确认删除选择的记录？'
					});
				}	
		}]
	});
</script>